<template>
  <div id="app">
    <router-view />
    <tab-bar v-show="isshowTabBar"></tab-bar>
  </div>
</template>

<script>
import apiMar from "@/api/api";
import TabBar from "@/components/tabbar/TabBar";
export default {
  name: "App",
  components: {
    TabBar
  },
  data() {
    return {
      isshowTabBar: true
    };
  },
  computed: {
    //获取vuex中的cityCode
    // ...mapState({
    //   isLoading: (state) => state.isLoading,
    //   isShowDownload: (state) => state.isShowDownload,
    // }),
    // ...mapGetters([ShowDownload])
  },

  watch: {
    $route(to, from) {
      console.log(from.path); //从哪来
      console.log(to.path, "nnnnnnnnnnnnn"); //到哪去

      if (
        to.path.indexOf("login") != -1 ||
        to.path.indexOf("register") != -1 ||
        to.path.indexOf("order") != -1 ||
        to.path.indexOf("agreement") != -1
      ) {
        this.isshowTabBar = false;
      } else {
        this.isshowTabBar = true;
      }
    }
  },

  created() {
    this.getInfo();
    let name = window.location.hash.split("#/")[1] || "";
    console.log(name, "name");
    if (
      name.indexOf("login") != -1 ||
      name.indexOf("register") != -1 ||
      name.indexOf("order") != -1
    ) {
      this.isshowTabBar = false;
    } else {
      this.isshowTabBar = true;
    }

    console.log(this.isshowTabBar, "http://192.168.1.10:8080");
    // if(this.$tool.getStorage('M-token')){
    //   this.$store.dispatch('saveUserInfo',{Token:this.$tool.getStorage('M-token')});
    // }
    // this.$router.beforeResolve((to, from, next) => {
    //   this.setPageOption(to)
    //   next()
    // })
    // this.isWeixin()
    // this.checkChannel();
  },
  // created() {
  // if (this.$tool.getStorage('M-token')) {
  //   // this.$store.dispatch("saveUserInfo", {
  //   //   Token: this.$tool.getStorage("M-token")
  //   // });
  // }
  // this.$router.beforeResolve((to, from, next) => {
  //   this.setPageOption(to)
  //   next()
  // })
  // this.isWeixin()
  // this.checkChannel();
  // },
  mounted() {},
  methods: {
    getInfo() {
      let params = {};

      apiMar
        .userInfo(params)
        .then(res => {
          console.log("调用了信息。");
          window.localStorage.setItem("userInfo", JSON.stringify(res));
        })
        .catch(err => {
          // Notify({ type: "warning", message: err.message });
        });
    },
    clickTabTag(tag) {
      // TODO
      console.log(tag);
      this.$store.dispatch("saveTabBar", tag);
      this.$tool.setSession({ TabBar: tag });

      // if (tag != "homePage") {
      //   if (!this.$tool.getToken()) {
      //     this.$router.push({
      //       path: "/login",
      //       query: {
      //         topath: "home"
      //       }
      //     });
      //   } else {
      //     if (this.userInfo.userType == 1) {
      //       this.$store.dispatch("saveTabBar", tag);
      //       this.$tool.setSession({ TabBar: tag });
      //       this.currView = tag;
      //     } else {
      //       let that = this;
      //       Toast({
      //         message: `温馨提示：只能内部员工才可以参与哟，发挥你的能力为朋友点赞吧`,
      //         duration: 1000,
      //         className: "setToast"
      //       });
      //     }
      //   }
      // } else {
      //   this.currView = tag;
      //   this.$store.dispatch("saveTabBar", tag);
      //   this.$tool.setSession({ TabBar: tag });
      // }
    }
    // setPageOption(to) {
    //   //设置头部名
    //   this.pOption = this.$pOption[to.name]
    //   if (typeof this.pOption.title === 'function') {
    //     this.Title = document.title = this.pOption.title.call(this, to)
    //   } else {
    //     if (this.pOption.children) {
    //       this.pOption = this.pOption.children[to.params.children]
    //     }
    //     this.Title = document.title = this.pOption.title || '活动'
    //   }
    //   //判断是否展示头部组件
    //   if (
    //     this.pOption.name !== 'login' &&
    //     this.pOption.name !== 'videoPlayer' &&
    //     this.pOption.name !== 'error' &&
    //     this.pOption.name !== 'punchClock' &&
    //     this.pOption.name !== 'prizeRules' &&
    //     this.pOption.name !== 'activityRules' &&
    //     this.pOption.name !== 'setTarget'
    //   ) {
    //     this.isshowTabBar = true
    //   } else {
    //     this.isshowTabBar = false
    //   }
    // },
    // isWeixin() {
    //   var ua = navigator.userAgent.toLowerCase()
    //   if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    //     this.wxFlag = true
    //     // this.$store.dispatch("saveIsShowHead", false);
    //   } else {
    //     // this.$store.dispatch("saveIsShowHead", true);
    //     this.wxFlag = false
    //   }
    // },
    // checkChannel(){
    //    var ua = navigator.userAgent,
    //    isWindowsPhone = /(?:Windows Phone)/.test(ua),
    //    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
    //    isAndroid = /(?:Android)/.test(ua),
    //    isFireFox = /(?:Firefox)/.test(ua),
    //    isChrome = /(?:Chrome|CriOS)/.test(ua),
    //    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
    //    isPhone = /(?:iPhone)/.test(ua) && !isTablet,
    //    isPc = !isPhone && !isAndroid && !isSymbian;
    //    let os =  {
    //        isTablet: isTablet,
    //        isPhone: isPhone,
    //        isAndroid: isAndroid,
    //        isPc: isPc
    //    };
    //   if (os.isTablet || os.isPc) {
    //     document.querySelector("html").style.width="750px";
    //     document.querySelector("html").style.margin="auto";
    //     document.querySelector("body").classList.add("pc")
    //     // let iWidth = document.documentElement.clientWidth;
    //     // document.getElementsByTagName('html')[0].style.fontSize = 100 * iWidth / 750 + 'px';
    //   }
    // }
  }
};
</script>

<style>
@import "./common/css/reset.css";

html,
body {
  height: auto;
}

#app {
  /* height: 100%; */
}

.modelBess1 {
  width: 100%;
  height: 100%;
  background-color: rgba(55, 55, 55, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.icon-close {
  position: absolute;
  right: 20px;
  top: 28px;
}

.icon-close img {
  width: 14px;
  height: 14px;
}

.unloadInstall {
  width: 70px;
  height: 100px;
  position: absolute;
  right: 20px;
  top: 13px;
  transform: rotate(7deg);
}

.unloadMess {
  color: white;
  position: absolute;
  right: 28px;
  top: 114px;
  font-family: cursive;
  font-size: 20px;
}
</style>
